<template>
	<view class="registerContent">
		<view class="registerHeader">
			<view class="">
				您好，
			</view>
			<view class="">
				欢迎来到易团建
			</view>
		</view>
		<view class="wrap">
			<view class="wrapInput">
				<view class="wrapInputList">
					<input type="text" value="" placeholder="请输入用户名" v-model="name" />
				</view>
				<view class="wrapInputList">
					<input type="text" value="" placeholder="请输入密码" v-model="password" />
				</view>
				<view class="submit">登录</view>
				<view class="wrapBottom">
					<navigator url="#">验证码登录</navigator>
					<navigator url="/pagesA/register/registration">注册</navigator>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				password: '',
				name: '',
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.registerContent {
		padding: 0 50rpx;

		.registerHeader {
			margin: 60rpx 0 50rpx;

			view {
				color: #353535;
				font-size: 40rpx;
				font-weight: bold;
			}
		}

		.wrapInput {
			.wrapInputList {
				text-align: center;
				height: 70rpx;
				line-height: 70rpx;
				border-bottom: 2rpx solid #E1E1E1;

				input {
					height: 100%;
				}
			}

			.wrapInputList:nth-child(1) {
				margin-bottom: 10rpx;
			}

			.wrapInputList::-webkit-input-placeholder {
				color: #9E9E9E;
				font-size: 16px;
			}
		}

		.submit {
			width: 100%;
			height: 80rpx;
			background: linear-gradient(98deg, #FFB850 0%, #FF8000 100%);
			border-radius: 20rpx;
			margin: 60rpx auto 20rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 80rpx;
			color: #FFFFFF;
			text-align: center;
		}
		.wrapBottom {
			display: flex;
			font-size: 30rpx;
			justify-content: space-between;
			navigator{
				color: #353535;
			}
		}
	}

</style>
